<template>
    <div>
        <equipment>
            <h3 slot="title1">新闻资讯</h3>
            <span slot="title1">NEWS</span>
                <div slot="s" :class="index==$index?'actives':''" @click="btn($index)" v-for="(i,$index) in aca" :key="'inco'+$index">
                    {{i}}
                </div>
                    <div class="Journalism" slot="b">
                    <router-link to="/hexin">
                    <div class="Journalism_list1 animate__animated animate__fadeInUp animate__delay-0.5s" v-show="index==0">
                        <div class="Journalism_list12" v-for="(i,$indexa) in ass" :key="$indexa">
                            <div class="Journalism_list12_img"><img :src="i.i" alt=""/></div>
                            <div class="Journalism_list12_right">
                                <h3>{{i.t}}</h3>
                                <br/>
                                
                                <span>发布时间:{{i.d}}</span>
                                <p>{{i.ct}}: <span>{{i.cc}}</span> <span>{{i.cc1}}</span></p>
                            </div>
                        </div>
                    </div>
                    </router-link>
                    <router-link to="/jieshao">
                    <div class="Journalism_list1 animate__animated animate__fadeInUp animate__delay-0.5s" v-show="index==1">
                        <div class="Journalism_list12" v-for="(i,$indexb) in asa" :key="$indexb">
                            <div class="Journalism_list12_img"><img :src="i.i" alt=""/></div>
                            <div class="Journalism_list12_right">
                                <h3>{{i.t}}</h3>
                                <br/>
                                
                                <span>发布时间:{{i.d}}</span>
                                <p>{{i.ct}}: <span>{{i.cc}}</span> <span>{{i.cc1}}</span></p>
                            </div>
                        </div>
                    </div>
                    </router-link>
                    <router-link to="/jieshao">
                    <div class="Journalism_list1 animate__animated animate__fadeInUp animate__delay-0.5s" v-show="index==2">
                        <div class="Journalism_list12" v-for="(i,$indexb) in csa" :key="$indexb">
                            <div class="Journalism_list12_img"><img :src="i.i" alt=""/></div>
                            <div class="Journalism_list12_right">
                                <h3>{{i.t}}</h3>
                                <br/>
                                
                                <span>发布时间:{{i.d}}</span>
                                <p>{{i.ct}}: <span>{{i.cc}}</span> <span>{{i.cc1}}</span></p>
                            </div>
                        </div>
                    </div>
                    </router-link>
                </div>
                
        </equipment>
    </div>
</template>
<script>
export default {
    data() {
        return{
        ass:[
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNDU0Y2FhNWJkNjM4ZTVlNThkNjFhODRkYWU1NGVlYmUtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvOGExZmY2YTIzZmI5MmRlZDFjM2U5MWUxZDVhOGI3MzAtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvZWVjZjBjYWZiN2FmMzNkNGEwMjQxOGU1NzJjNjFmMDYtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNWZlODQxZTYzMmI4NGQzMTMwMTAyZjlkMWY3ZGFiMDgtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNGJjODQ0NzdjNGExMDhlMzE5OWVkODYzNTU2NDExMjYtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvMzE4ZTBkNGViMzcxMjZkMmMzNDU3NmNiOGExMDkyMzctMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvOGM4NGVmMjA4NjY3MzAwOWYxMGU5ZjYxN2UxY2NhY2EtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvMmExMGI0ZTU0ZTI0NGI4ZGE3ZGYzNTEzY2VmZGI2NWEtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvZjlmNjRmYWYwYjk3MjRiYzJiM2IzZTAyMTNmNTc4YjMtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNjcwNWI1MzM0ZDViMmRjOGQ2OTFiODYwZTE5NWFiZWItMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'}
            ],
            asa:[
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNDU0Y2FhNWJkNjM4ZTVlNThkNjFhODRkYWU1NGVlYmUtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvOGExZmY2YTIzZmI5MmRlZDFjM2U5MWUxZDVhOGI3MzAtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvZjlmNjRmYWYwYjk3MjRiYzJiM2IzZTAyMTNmNTc4YjMtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNjcwNWI1MzM0ZDViMmRjOGQ2OTFiODYwZTE5NWFiZWItMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'}
            ],
            csa:[
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvZWVjZjBjYWZiN2FmMzNkNGEwMjQxOGU1NzJjNjFmMDYtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNWZlODQxZTYzMmI4NGQzMTMwMTAyZjlkMWY3ZGFiMDgtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvNGJjODQ0NzdjNGExMDhlMzE5OWVkODYzNTU2NDExMjYtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvMzE4ZTBkNGViMzcxMjZkMmMzNDU3NmNiOGExMDkyMzctMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvOGM4NGVmMjA4NjY3MzAwOWYxMGU5ZjYxN2UxY2NhY2EtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvMmExMGI0ZTU0ZTI0NGI4ZGE3ZGYzNTEzY2VmZGI2NWEtMjUweDE1MC05MC53ZWJw.webp',t:'上市房地产企业资产规模增速放缓',d:'2017-06-01',ct:'设计师必备歌单',cc:'①周杰伦《不能说的秘密》',cc1:'②陈奕迅《好久不见》'}
            ],
            aca:[
                '全部质询','公司新闻','行业资讯'
            ],
            index:0
        }
    },
    methods:{
        btn(index){
            this.index=index
            console.log(this.index);
        }
    }
}
</script>
<style>
</style>